<template>
  <custom-modal
    v-if="visible"
    :width="width"
    :visible="visible"
    :title="$t('zyz')"
    :destroyOnClose="true"
    :bodyStyle="{ height: '500px', overflowY: 'auto' }"
    @cancel="handleCancel"
  >
    <template slot="footer">
      <a-button type="primary" @click.stop="handleCancel">{{ $t('back') }}</a-button>
    </template>
    <a-row class="rowBox">
      <a-col :xs="24">
        <packup-elipsis :text="summaryValue"></packup-elipsis>
      </a-col>
    </a-row>
  </custom-modal>
</template>
<script>
import PackupElipsis from '@/components/Ellipsis/PackupElipsis'
import CustomModal from '@/components/CustomModal/index.vue'

export default {
  name: 'SummaryModal',
  components: {
    PackupElipsis,
    CustomModal
  },
  props: {
    width: {
      type: Number,
      default: 800
    },
    summaryValue: {
      type: String,
      default () {
        return ''
      }
    }

  },
  data () {
    return {
      visible: false
    }
  },
  computed: {

  },
  mounted () {
  },
  methods: {
    handleCancel () {
      this.visible = false
    }

  }
}
</script>
